<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>仓储系统</title>
    <link rel="stylesheet" href="css/base.css">
    <link rel="stylesheet" href="css/gys.css">
</head>
<body>
<div class="all">
    <script src="js/top.js"></script>
    <div class="cnt">
        <script src="js/nav.js"></script>
        <script>
            setColor(0)
        </script>
        <div class="main">
            <div class="main_top">
                <h3>通知公告</h3>
                <div class="search" id="search_div">
                    <input id="stitle" placeholder="标题"/>
                    <img id="search_btn"
                         onclick="search()"
                         width="16" src="images/search.png"/>
                </div>
                <div class="btn" id="add_btn" onclick="add()">新增公告</div>
                <div class="btn" id="save_btn" style="display:none" onclick="save()">保存</div>
                <div class="btn" id="return_btn" style="display:none" onclick="returnMain()">返回</div>
            </div>
            <div id="loading" style="text-align: center;height:300px;line-height: 300px">
                <img src="https://gd-hbimg.huaban.com/3099e765b298074ac966b5b9b09b01abab1914cdfaab-OsdLGk_fw658"/>
            </div>
            <div id="list_div"></div>
            <div id="page_div">
                <div class="page_btn" onclick="index_page()">首页</div>
                <div class="page_btn" onclick="pre_page()">上一页</div>
                <div class="page_btn"><span id="current_page"></span>/<span id="total_page"></span></div>
                <div class="page_btn" onclick="next_page()">下一页</div>
                <div class="page_btn" onclick="tail_page()">尾页</div>
                <div class="page_btn"><input id="input_page"/></div>
                <div class="page_btn" onclick="to_page()">跳转</div>
            </div>
            <div id="add_div" style="display:none;">
                <div class="input_div">公告标题：<input id="notice_title"/></div>
                <div class="input_div">公告详情：
                    <div id="notice_content" style="margin-top:10px;border-radius:2px;width:100%;height:300px;
                        border:1px solid #ccc;outline:none;padding:5px;" contenteditable="true"></div>
                </div>
                <div class="input_div">公告类型：
                    <select id="notice_type">
                        <option value="总部公告">总部公告</option>
                        <option value="战区公告">战区公告</option>
                    </select>
                </div>
                <span class="input_div">时间：<input id="notice_time"/></span>
            </div>
        </div>
    </div>
    <div class="bot">
        Copyright © 2022-2023 XINLING. All Rights Reserved.
    </div>
</div>
<script src="js/base.js"></script>
<script src="js/notice.js"></script>
</body>
</html>
